.login {
  .pic {
    height: 300px;
    background-image: url("./images/bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }

  .form {
    padding: 10px;

    .field {
      line-height: 40px;
      display: flex;
      border-bottom: 1px solid #EFF0EF;
      color: #989998;

      .icon {
        width: 40px;
        text-align: center;
        font-size: 18px;
      }

      .label {
        padding: 0 0px 0 0;
      }

      .input {
        flex-grow: 1;

        input {
          width: 100%;
          box-sizing: border-box;
          border: 0;
          height: 40px;
          outline: none;
        }
      }

      .code {
        height: 40px;
        margin-right: 5px;

        img {
          height: 100%;
        }
      }
    }
  }

  .other {
    display: flex;
    line-height: 30px;
    padding: 0 10px 0 10px;
    color: #989998;

    .checkbox {
      width: 40px;
      text-align: center;
      font-size: 18px;
    }

    .desc {
      flex-grow: 1;
    }
  }

  .btns {
    text-align: center;

    .btn {
      line-height: 40px;
      background: #4FBE54;
      color: white;
      padding: 0 70px 0 70px;
      border-radius: 20px;
      display: inline-block;
      vertical-align: top;
      margin-top: 100px;
    }
  }
}